<template>
  <div class="geshouname">
    <ul class="tanxin">
      <li v-for="(item, index) in list" :key="index" class="ellipsis tanxin">
        <span> {{ item.name }}</span>
        <i></i>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: ["list"],
  data() {
    return {};
  },
  created() {},
};
</script>
 
<style lang = "less" scoped>
@import "@/assets/base.less";
.geshouname {
  width: 720px;
  border-top: 1px solid #ccc;
  ul {
    margin-top: 10px;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 20px;
    li {
      width: 140px;
      height: 30px;
      justify-content: flex-start;
      span {
        font-size: 12px;
      }
      i {
        margin-left: 5px;
        width: 17px;
        height: 18px;
        background-image: url("@/assets/images/icon.png");
        background-position: 0 9225px;
      }
    }
  }
}
</style>